page {
	background: rgba(0,0,0,0.4);
	min-height: 100vh;
	box-sizing: border-box;
	padding-top: calc(var(--status-bar-height) + 22rpx);
}
.navigator {
	width: 100vw;
	height: 96rpx;
	background: $uni-white;
	border-radius: 24rpx 24rpx 0 0;
	border-bottom: 2rpx solid $uni-F5F5F5;
	box-sizing: border-box;
	padding: 0 32rpx;
}

.content {
	width: 100vw;
	box-sizing: border-box;
	padding: 32rpx;
	background: $uni-white;
	height: calc(100vh - var(--status-bar-height) - 220rpx);
	position: relative;
	.info {
		width: 686rpx;
		box-sizing: border-box;
		padding: 20rpx 24rpx 32rpx;
		background: #FAF4F0;
		border-radius: 24rpx;
	}
	.plan-box {
		width: 686rpx;
		border-radius: 24rpx;
		box-sizing: border-box;
		padding: 32rpx;
		margin-top: 20rpx;
	}
	.active {
		border: 2rpx solid $uni-text-color-main;
		background: #F7FAF9;
	}
	
	.no {
		border: 2rpx solid #E8EAED;
		background: #FFF;
	}
}
